<div class="demo-container">

    <div class="demo-example">
        <div class="demo-title">主要按钮</div>
        <div class="demo-text">

        </div>
        <d-codebox id="components-button-primary" [sourceData]="primarySource">
            <d-button-primary demo></d-button-primary>
        </d-codebox>
    </div>

    <div class="demo-example">
        <div class="demo-title">次要按钮</div>
        <div class="demo-text">

        </div>
        <d-codebox id="components-button-common" [sourceData]="commonSource">
            <d-button-common demo></d-button-common>
        </d-codebox>
    </div>

    <div class="demo-example">
        <div class="demo-title">文字按钮</div>
        <div class="demo-text">

        </div>
        <d-codebox id="components-button-text" [sourceData]="textSource">
            <d-button-text demo></d-button-text>
        </d-codebox>
    </div>

    <div class="demo-example">
        <div class="demo-title">加载中状态</div>
        <div class="demo-text">

        </div>
        <d-codebox id="components-button-loading" [sourceData]="loadingSource">
            <d-button-loading demo></d-button-loading>
        </d-codebox>
    </div>

    <div class="demo-example">
        <div class="demo-title">图标按钮</div>
        <div class="demo-text">

        </div>
        <d-codebox id="components-tabs-default" [sourceData]="iconSource">
            <d-button-icon demo></d-button-icon>
        </d-codebox>
    </div>

</div>

